<template>
	<view class="tou" >
		<view  class="tou-1">
			<text @tap="handleToBack" class="left"><</text> | <text @tap="handleToHome" class="righty">A</text>
		</view>
		<view class="headimg">
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props : ['title'],
		methods : {
			handleToBack(){
				uni.navigateBack();
			},
			handleToHome(){
				uni.navigateTo({
					url: '/pages/index/index'
				});
			}
		}
	}
</script>

<style>
.tou{ 
	width: 100%; 
	height:75px;  
	line-height: 80px; 
	font-size:16px; 
	color:black; 
	overflow: hidden; 
	position: relative;}
.tou-1{ 
	width:97px; 
	height:31px; 
	background:rgba(0,0,0,0.4);
	border-radius: 20px;
	position: absolute; 
	left:10px; top:25px; 
	line-height: 31px; 
	display: flex; 
	justify-content: space-evenly; 
	color:white;}
/* .uam-head-text{width:200px; height:31px; position: absolute; left:150px; top:25px; display: flex;} */
.headimg{
	width: 200rpx;
	height: 150rpx; 
	position: relative;
	left: 150px;top:0px;
	display: flex;
	border-radius: 10px;}
.headimg image{
	width:100%; 
	height:100%;}
.headimg text{ 
	position: absolute; 
	font-size:26rpx; 
	color:blue; 
	right:40rpx; 
	top:12rpx;}
</style>
